<!DOCTYPE html>
<meta 	charset="utf-8">
<html>
<head>
	<title>宛宛的第一个整站</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<header>
		<div id="head_nav" class="clearfix">
			<ul class="clearfix">
				<li><a href="">首页</a></li>
				<li><a href="" class="down">WordPress主题</a></li>
				<li><a href="" class="down">付费服务</a></li>
				<li><a href="">定制主题</a></li>
				<li><a href="" class="down">主题动态</a></li>
				<li><a href="">教程</a></li>
				<li><a href="">会员中心</a></li>				
			</ul>
			<span class="login">登录</span>
		</div>
		<div id="title">
			<h1>扁平化主题网站</h1>
			<h2>code by wanwan</h2>
			<p>适用于垂直站点、科技博客、个人站，扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、自动缩略图</p>
			<p>DUX主题基于WordPress程序，响应式布局支持电脑、平板和手机的完美展示</p>
		</div>
		<a class="watch">查看主题演示站</a>
	</header>
	<section id="wrap">
			<section id="main">
				<div class="content">
					<div class="shebei con_sec">
						<img src="images/banner.png">
						<div class="change">
							<a href="" class="pc"><img src="images/电脑.png"></a>
							<a href=""><img src="images/手机.png"></a>
						</div>
					</div>
					<ul class="clearfix list">
						<li class="con_sec">
							<div>
								<h3>自动缩略图</h3>
								<p>自动获取文章第一张图作为缩略图，</p>
								<p>还可以自定义缩略图后缀</p>
								<span>亮点1</span>
							</div>
						</li>
						<li class="con_sec">
							<div class="active">
								<h3>副标题</h3>
								<p>完全自定义的文章副标题，让文章</p>
								<p>展示更具风采</p>
								<span>亮点2</span>
							</div>
						</li>
						<li class="con_sec">
							<div>
								<h3>支持HTTPS</h3>
								<p>主题完美支持HTTPS</p>
								<span>亮点3</span>
							</div>
						</li>
						<li class="con_sec">
							<div>
								<h3>直达链接</h3>
								<p>在列表页和文章页都有展示，你可以</p>
								<p>选择开启、是否新窗口</p>
								<span>亮点4</span>
							</div>
						</li>
						<li class="con_sec">
							<div>
								<h3>列表无限加载</h3>
								<p>可以设置无限加载页数和是否开启，</p>
								<p>列表更有单图展示和无图展示</p>
								<span>亮点5</span>
							</div>
						</li>
						<li class="con_sec">
							<div>
								<h3>多平台广告</h3>
								<p>区分手机端和非手机端，可设置</p>
								<p>不同平台的广告</p>
								<span>亮点6</span>
							</div>
						</li>

					</ul>
					<div class="update con_sec">
						<h2>— DUX主题更新方法 —</h2>
						<dl>
							<dt>主题更新方法：</dt>
							<dd>· 在会员中心 – 我的订单中下载主题，解压后得到 dux 文件夹；</dd>
							<dd>· 使用FTP软件上传 dux文件夹到服务器的 wp-content/themes 目录下，替换所有文件即可。</dd>
						</dl>
						<p>注：使用此方法更新主题会保留网站之前的 dux主题设置。</p>
					</div>
					
				</div>
			</section>
			<aside id="nav">
				<ul>
					<li class="active"><a href="">主题亮点</a></li>
					<li><a href="">使用说明</a></li>
					<li><a href="">更新方法</a></li>
					<li><a href="">授权须知</a></li>
					<li><a href="">更新记录</a></li>
					<li><a href="">查看演示</a></li>
					<li><a href="">售前咨询</a></li>
				</ul>
				<div class="code con_sec">
					<img src="images/code.png">
					<span>手机扫码演示</span>
				</div>
				
			</aside>
			<aside id="side">
				<h2 class="clearfix">
					<span class="fl">官网统一售价</span>
					<span class="price fr">799</span>
				</h2>
				<div class="infolist">
					 <ul>
					 	<li>用户体验良好的DUX主题</li>
					 	<li>一次付费，终身免费升级主题更新</li>
					 	<li>快速使用，帮安装WordPress程序和主题</li>
					 	<li>售后无忧，专业有效的工单售后服务</li>
					 	<li>新手无忧，协助解决各种主题相关问题</li>
					 	<li>建站无忧，全方位专业的可选付费服务</li>
					 </ul>  
					 <button class="login clearfix">登录并购买</button>
					 <p class="ask">
					 	<a class="qq fl">QQ咨询</a>
					 	<a class="gongdan fr">工单咨询</a>
					 </p>      
				</div>
				<div id="text" class="con_sec">
					<p>
						themebetter.com 是唯一的DUX主题官方售点和官方服务平台，也是DUX主题唯一售点，请勿相信其他任何渠道的虚假销售。
					</p>
					<p>
						虚假盗版主题存在巨大的安全隐患，会被植入木马等各种恶意代码，会发生私密信息被盗取、站点数据被清除、会员信息被盗、主题被窃取、收录极速下降等多种安全情况。
					</p>
				</div>
				<div class="watching con_sec">
					<p>主题被 505,848 人次关注</p>
				</div>
				<img class="ali" src="images/阿里云.png">
			</aside>
	</section>
	<footer id="foot">
		<div id="icons">
			<ul class="clearfix">
				<li>
					<img src="images/人工智能.png">
					<dl>
						<dt>高端专业开发团队</dt>
						<dd>7年WordPress博客和企业建站开发经验，提供最专业主题设计与开发</dd>
					</dl>
				</li>
				<li>
					<img src="images/人工智能.png">
					<dl>
						<dt>独一无二视觉冲击</dt>
						<dd>增强用户体验提高品牌形象给人留下深刻的印象，每款主题都有自己的灵魂</dd>
					</dl>
				</li>
				<li>
					<img src="images/人工智能.png">
					<dl>
						<dt>完善兼容各种设备</dt>
						<dd>每款主题都提供完善的响应式布局，优化PC、Pad和各种手机端用户体验</dd>
					</dl>
				</li>
				<li class="last">
					<img src="images/人工智能.png">
					<dl>
						<dt>免费靠谱售后服务</dt>
						<dd>免费在线工单售后，解决你关于主题的各种疑惑，你只需要用心做站</dd>
					</dl>
				</li>
			</ul>
		</div>
		<div id="down">
			<h2><img src="images/logo-2.png"></h2>
			<p class="line1">关于我们 广告合作 免责声明</p>
			<p class="line2">大前端 WordPress主题 WordPress中文主题 WordPress教程 博客导航</p>
			<p>© 2018 themebetter 更好的WordPress主题，网站核心程序由WordPress驱动，备案/许可证号：豫ICP备15010202号</p>
		</div>
		
	</footer>		
</body>
</html>